<template>
  <div>
    <!-- 加载详情 -->
    <div class="enclosure-box">
      <div v-for="(item, index) in detailData.enclosures" :key="index" class="table-one" @click="downloadFile(item)">
        <!-- <a :href="item.url" :download="item.name">{{item.name}}</a> -->
        <!-- 附件：大方具2022年城区义务教育阶段学校遴选教师岗位.doc -->
        附件{{ index + 1 }}: {{ item.name }}
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      detailData: {
        enclosures: [{ name: '大方具2022年城区义务教育阶段学校遴选教师岗位.doc', url: 'https://www.baidu.com' }]
      }
    }
  },
  methods: {
    // 下载文件
    downloadFile (item) { // 根据链接下载文件
      console.log(item)
      window.open(item.url)
      const url = item.url
      const a = document.createElement('a')
      a.href = url
      a.download = item.name// 下载后文件名
      a.style.display = 'none'
      document.body.appendChild(a)
      a.click() // 点击下载
      document.body.removeChild(a) // 下载完成移除元素
      this.$message.success('下载成功!')
    }
  }
}
</script>

<style>

</style>
